
<template>
	<div style="background:#7395ff" class="h-screen w-screen flex flex-col">
    <img
    style="width:500px"
    class="m-auto transform -translate-y-20"
    src="@/assets/404.png">
    <div class=" absolute bottom-20 left-1/2 transform -translate-x-1/2 text-center text-white ">
        <h2 class=" text-3xl">页面丢失了...</h2>
        <div class=" text-left">
          <h4 class=" text-lg">+请正常使用路由</h4>
          <h4 class=" text-lg">+联系管理员</h4>
          <h4 class=" text-lg cursor-pointer"
          @click="$router.push('/')"
          >+返回主页</h4>
          <h4 class=" text-lg cursor-pointer"
          @click="returnBack"
          >+返回上一页</h4>
        </div>
        <h4 class=" text-lg">给您带来的不便，敬请谅解！</h4>
    </div>
	</div>
</template>

<script>

export default{
	name:'404',
	props:['fullPath'],
	created() {
    console.log({fullPath:this.fullPath},this.$route,this.$router)
	},
	methods:{
    returnBack(){
      if(this.fullPath==='false') this.$message.info('请返回主页')
      else this.$router.push(this.fullPath)
    }
  }
}
</script>

<style lang="scss">

// .title h2{
// 	color: #fff;
//     font-size: 36px;
//     letter-spacing: 4px;
//     text-align: center;
//     line-height: 120px;
// }
// .title h4
// {
// 	    color: #fff;
//     font-size: 18px;
//     /* font-weight: bold; */
//     line-height: 38px;
//     text-align: center;
// }
</style>
